*{margin: 0;padding: 0}
li{list-style: none}
@rem:1/75rem;
#conversation{
  width: 10rem;
  background: #eee;
  position: relative;
  margin: 0 auto;
}
.talking-top{
  width: 10rem;
  height:90*@rem;
  background: #f05c5c;
  position: fixed;
  top:0;
  left: 0;
  text-align: center;
  line-height: 90*@rem;
  font-size:36*@rem;
  color: #fff;
}
.talking-con{
  width: 100%;
  position: absolute;
  top:90*@rem;
  div{
    text-align: right;width: 100%;height: auto;overflow: hidden;
    p{margin-top: 20*@rem;text-align: left;border: 1px solid #1b6d85;width: 70%;display: inline-block;font-size: 24*@rem}
    span{    vertical-align: top;display: inline-block;width: 50*@rem;height: 50*@rem;
      font-size: 24*@rem;background: red;border-radius: 50%;
      margin-top: 20*@rem;
    }
  }
}
.talking-bottom{
  width: 100%;
  position: fixed;
  //bottom:-550*@rem;
  bottom: 0;
  left: 0;
  background: #fff;
  height:auto;
  .bottom-fun{
    width: 10rem;height: 150*@rem;
    border-bottom: 1px solid red;
    .fun1{
      height: 70*@rem;
      border: 1px solid blue;
      overflow: hidden;
      textarea{
        width:7rem;
        float: left;
        font-size: 30*@rem;
        height: 100%;
        border: 1px solid red;
      }
      .emoticon{
        width: 1rem;
        float: left;
        font-size: 30*@rem;
        height: 100%;
        line-height: 70*@rem;
        margin: 0 20*@rem;
      }
      b{width: 1rem;
        height: auto;
        float: left;
        font-size: 30*@rem;
        height: 100%;
        line-height: 70*@rem;
      }
    }
    .fun2{
      width: 100%;
      height: 80*@rem;
      span{
        float: left;
        font-size: 30*@rem;
        color: #1b6d85;
        line-height: 80*@rem;
        text-align: center;
        width: 24%;
      }
    }
  }
}